<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>出行服务</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            color: #FAFAFA;
            font-size: 17px;
        }
        a{color:#333333; text-decoration: none;}
        html {
            width: 100%;
            height: 100%;
        }

        body {
            width: 100%;
            height: 100%;
            background: url("res/img/beijing.png") no-repeat ;
            /*background-size: 100%, 100%;*/
        }

        .base {
            width: 90%;
            height: 120px;
            margin-left: 5%;
        }

        .tuPian {
            display: inline-block;
            width: 180px;
            height: 73px;
            float: right;
            margin-right: 7%;
            margin-top: 7%;
        }

        .wenZi {
            display: inline-block;
            margin-top: 7%;
            margin-left: 3%;
        }

        .tuPian img {
            width: 100%;
            height: 100%;
        }

        .header {
            /*background: url("res/img/001.png") no-repeat;*/
            background: #66CEE7 ;
            background-size: 100% 100%;
            border-radius: 5px;
        }

        .content {
            /*background: url("res/img/002.png") no-repeat;*/
            background: #5D94EB;
            background-size: 100% 100%;
            border-radius: 5px;
        }

        .content1 {
            /*background: url("res/img/003.png") no-repeat;*/
            background: #BC93DA;
            background-size: 100% 100%;
            border-radius: 5px;
        }

        .footer {
            /*background: url("res/img/004.png") no-repeat;*/
            background: #94A7CA ;
            border-radius: 5px;
            background-size: 100% 100%;
        }

        .bianJu {
            width: 100%;
            height: 2%;
        }
    </style>
    <script type="text/javascript" src="../appbase/js/app.js"></script>

    <script type="text/javascript">
        window.onload = function () {
            var el_ticket = document.getElementById('ticket');
            el_ticket.addEventListener('click',function (event) {
                jumpAppPage('jccx/index1.html',null);
            });

            var el_bus = document.getElementById('bus');
            el_bus.addEventListener('click',function (event) {
               jumpAppPage('http://het.aiplatform.com.cn/HETCms/contentManage/staticPage/pageManageCheck.html?id=51',null);
            });


            var el_taxi = document.getElementById('taxi');
            el_taxi.addEventListener('click',function () {
               jumpAppPage('http://het.aiplatform.com.cn/HETCms/contentManage/staticPage/pageManageCheck.html?id=101',null);
            });

            var el_rent = document.getElementById('rent');
            el_rent.addEventListener('click',function () {
               jumpAppPage('http://het.aiplatform.com.cn/HETCms/contentManage/staticPage/pageManageCheck.html?id=16',null);
            });
        };

    </script>
</head>
<body>
<div class="bianJu"></div>
<!--<a href="../jccx/index1.html">-->
    <div class="base header" id="ticket">
        <div class="wenZi">机票购买</div>
        <div class="tuPian">
            <img src="res/img/005.png" alt="">
        </div>
    </div>
<!--</a>-->


<div class="bianJu"></div>
<!--<a href="http://het.aiplatform.com.cn/HETCms/contentManage/staticPage/pageManageCheck.html?id=51">-->
<div class="content base" id="bus">
    <div class="wenZi">市区巴士</div>
    <div class="tuPian">
        <img src="res/img/006.png" alt="">
    </div>
</div>
<!--</a>-->


<!--<a href="http://het.aiplatform.com.cn/HETCms/contentManage/staticPage/pageManageCheck.html?id=101">-->
<div class="bianJu"></div>
<div class="content1 base" id="taxi">
    <div class="wenZi">出租车</div>
    <div class="tuPian">
        <img src="res/img/007.png" alt="">
    </div>
</div>
<!--</a>-->

<div class="bianJu"></div>
<!--<a href="http://het.aiplatform.com.cn/HETCms/contentManage/staticPage/pageManageCheck.html?id=16">-->
<div class="footer base" id="rent">
    <div class="wenZi">租车服务</div>
    <div class="tuPian">
        <img src="res/img/008.png" alt="">
    </div>
</div>
<!--</a>-->
</body>
</html>